//历史墙
<template>
  <div class="productInnovations">
    <div class="producT_h1">Materials that enhance the way we live</div>
    <div class="producT_h2">
      Innovations by Covestro have changed the world we live in for the better
      in many areas of modern life – and this remains our business to the
      present day.
    </div>
    <div class="productInnovations_cont">
      <div class="productItem">
        <div class="productItem-title">
          2017 onwards
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2017.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">
              Composite solutions open up new possibilities
            </p>
            <p class="productItem-mid">
              <span
                >With Continuous Fiber-Reinforced Thermoplastic Composites, we
                developed a solution that could very well substitute metal at a
                fraction of its weight. It sounds and feels like metal, but
                offers the design freedom of plastics. That makes it perfect for
                mobile devices or light and thin laptops, without compromising
                the aesthetics. It might as well be used in structural parts of
                cars – greatly reducing the weight without disadvantages in
                stability and safety.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!-- 纯内容页 -->
      <div class="productItem">
        <div class="productItem-title">
          2017
        </div>
        <div class="productItem-content-text link-green">
          <p class="productItem-header">
            Covestro intends to produce aniline from biomass
          </p>
          <p class="productItem-mid">
            Together with partners, Covestro has proven that it can produce the
            crucial raw material aniline from biomass at lab scale. The company
            moves to upscale the process and substitute oil by biomass within
            this raw material completely – pushing the boundaries of
            sustainability and resource efficiency to another level.
          </p>
        </div>
      </div>
      <!--2016 -->
      <div class="productItem">
        <div class="productItem-title">
          2016
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2016.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-orange">
            <p class="productItem-header">CO2 as new raw material</p>
            <p class="productItem-mid">
              <span
                >Covestro opens a plant at its site in Dormagen that uses the
                waste gas carbon dioxide as raw material for plastics. It is the
                first of its kind worldwide and a scientific breakthrough. A
                three-year research and testing phase showed that the new
                process works and that the CO2-based materials have the same
                high quality as products produced using conventional methods.
                The first truck leaves the site in December and the first
                products will be mattresses.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--2015 -->
      <div class="productItem">
        <div class="productItem-title">
          2015
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2015.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">
              First bio-based hardener: Desmodur® eco
            </p>
            <p class="productItem-mid">
              <span
                >Bayer MaterialScience develops Desmodur® eco, the first
                bio-based curing agent for polyurethane (PUR) paints and
                adhesives. The product based on pentamethylendiisocyanate (PDI)
                has a carbon content of 70% biomass, achieving the level of
                conventional curing agents on petrochemical bases and even
                exceeding these in certain applicatory properties. At the 8th
                International Conference on Bio-Based Materials, Desmodur® eco
                is awarded “Bio-based Material of the Year 2015”.</span
              >
            </p>
          </div>
        </div>
      </div>
      <div class="productItem">
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2015-2.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">
              More efficient coating with Pasquick™
            </p>
            <p class="productItem-mid">
              <span
                >Covestro launches Pasquick™, the new umbrella brand for its
                groundbreaking polyaspartic coating technology. Pasquick™ is
                suitable for demanding applications both indoors and outdoors,
                enabling a reduction in the number of required coating layers
                while at the same time offering excellent handling and
                protection properties. This means faster workflows and reduced
                labor costs without any compromise in quality for your coating
                projects.</span
              >
            </p>
          </div>
        </div>
      </div>
      <div class="productItem">
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2015-3.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">
              Solar Impulse: enabling the first solar-powered flight around the
              world
            </p>
            <p class="productItem-mid">
              <span
                >Solar Impulse is a Swiss long-range experimental solar-powered
                aircraft project. As a member of this project from the outset
                and first partner of the new International Committee for Clean
                Technology (ICCT), Covestro develops ultra-lightweight and
                insulating materials for the solar-powered, flying laboratory.
                The cockpit insulation is for example made of polyurethane foam
                that is 10% higher than the current standard, but at the same
                time very low in density and weight. Covestro’s materials
                contribute to the plane’s successful 40,000-kilometer flight
                around the world in 2015, giving a clear signal for a
                sustainable future.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--2014 -->
      <div class="productItem">
        <div class="productItem-title">
          2014
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2014.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">
              INSQIN® enables solvent-free material manufacturing processes
            </p>
            <p class="productItem-mid">
              <span
                >INSQIN® opens up an entirely new level of material
                sustainability for PU-coated fabrics used by the apparel and
                footwear industry. The waterborne polyurethane (PU) technology
                enables solvent-free material manufacturing processes and thus
                brings significant improvement to worker safety, eliminates
                risks of environmental pollution and drastically reduces the
                consumption of water and energy.<br />
                A year later, in July 2015, Covestro launches the INSQIN®
                Partner Manufacturer Program, connecting manufacturers and brand
                owners across the polyurethane (PU)-coated fabric supply chain.
                Partners must demonstrate an ongoing commitment to
                sustainability and transparency, using Covestro’s waterborne,
                PU-coating technology and industry-leading processes to meet the
                emerging sustainability needs of brand owners.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--2011 -->
      <div class="productItem">
        <div class="productItem-title">
          2011
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/2011.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-blue">
            <p class="productItem-header">
              Oxygen Depolarized Cathode (ODC) technology reduces energy and
              emissions
            </p>
            <p class="productItem-mid">
              <span
                >The innovative Oxygen Depolarized Cathode (ODC) Technology
                shakes up the energy-intensive chlorine production as it enables
                the reduction of electrical energy demand and CO2 emissions of
                up to 30%. ODCs are highly complex laminar structures
                constituted by materials such as catalysts, carrier materials,
                PTFE components and additives. They are built up by Covestro in
                a specific way and scaled up, along with a particular
                manufacturing method. In 2011, the first big scale production
                plant with a chlorine capacity of 20,000 tons a year comes on
                stream – after two years of safe and reliable operation, the
                market launch together with ThyssenKrupp Udhe Chlorine Engineers
                is conducted in 2013.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!-- 纯内容页 2008 -->
      <div class="productItem">
        <div class="productItem-title">
          2008
        </div>
        <div class="productItem-content-text link-green">
          <p class="productItem-header">
            STRUCTese® makes production more energy efficient
          </p>
          <p class="productItem-mid">
            Bayer MaterialScience introduces STRUCTese®, a self-developed energy
            management system that helps to significantly reduce the energy
            needed for global production. By controlling the individual
            consumption of production plants, the method results in an average
            10% energy reduction. Today, STRUCTese® is installed at 60 Covestro
            plants worldwide and can be also used as a license by other
            companies.
          </p>
        </div>
      </div>
      <!-- 2007 -->
      <div class="productItem">
        <div class="productItem-title">
          2007
        </div>
        <div class="productItem-content-text link-orange">
          <p class="productItem-header">
            Makrolon® enables the largest ever roof module made of polycarbonate
          </p>
          <p class="productItem-mid">
            Covestro provides the groundbreaking roof module for the new “smart
            fortwo” and breaks a world record. The lightweight roof module is
            made of Makrolon® AG2677 and tailor-made for automotive glazing.
            With an area of around 1.2 square meters, this is to date the
            largest polycarbonate roof module fitted in a production-line
            vehicle anywhere in the world.
          </p>
        </div>
      </div>
      <!-- 2006 -->
      <div class="productItem">
        <div class="productItem-title">
          2006
        </div>
        <div class="productItem-content-text link-pink">
          <p class="productItem-header">
            Adidas Teamgeist™ soccer ball for the World Cup
          </p>
          <p class="productItem-mid">
            Materials from Bayer enhance performance in sports as well: the
            soccer ball Teamgeist™, designed by Adidas as official soccer ball
            for the World Cup 2006, has an outer layer made of Impranil®
            material. It ensures that the ball stays in shape, doesn’t absorb
            water and remains aerodynamic even when heavily used.
          </p>
        </div>
      </div>
      <!-- 2004 -->
      <div class="productItem">
        <div class="productItem-title">
          2004
        </div>
        <div class="productItem-content-text link-purple">
          <p class="productItem-header">
            Makrolon® lines up for the start of the Olympics
          </p>
          <p class="productItem-mid">
            Freedom of design and stability as well as many further benefits
            characterize polycarbonate. These features make the material the
            first choice for many spectacular building projects such as the
            Olympic stadium in Athens. Perfectly in time for the Olympic Games,
            the stadium is constructed with a roof made of polycarbonate.
          </p>
        </div>
      </div>
      <!-- 2000 -->
      <div class="productItem">
        <div class="productItem-title">
          2000
        </div>
        <div class="productItem-content-text link-blue">
          <p class="productItem-header">
            IMPACT™ technology improves the production of polyols
          </p>
          <p class="productItem-mid">
            Our company continuously develops its products and processes. The
            IMPACT™ technology stands as one example. It simplifies and improves
            the production of polyols, a primary product of polyurethane.
            Furthermore the technology enables reduced production wastage and
            increased productivity of plants, leading to more production
            efficiency.
          </p>
        </div>
      </div>
      <!-- 1998 -->
      <div class="productItem">
        <div class="productItem-title">
          1998
        </div>
        <div class="productItem-content-text link-green">
          <p class="productItem-header">
            Baypreg® and Multitec® spray systems combine lightness with
            stiffness
          </p>
          <p class="productItem-mid">
            With the development of the polyurethane spray systems Baypreg® and
            Multitec®, Bayer MaterialScience enters the new century by
            introducing a new era for composites. Combining lightweight with
            stiffness makes them ideal for countless appliances, from automotive
            to bath tubs.
          </p>
        </div>
      </div>
      <!-- 1990 -->
      <div class="productItem">
        <div class="productItem-title">
          1990
        </div>
        <div class="productItem-content-text link-orange">
          <p class="productItem-header">
            Launching novaflex technology and viscoelastic flexible foam
          </p>
          <p class="productItem-mid">
            The introduction of viscoelastic foams is considered a milestone, as
            they slowly regain their original shape and provide an even higher
            comfort than conventional flexible foams. An important application
            is mattresses for hospitals, protecting patients from decubitus.
          </p>
        </div>
      </div>
      <!-- End of 1980s -->
      <div class="productItem">
        <div class="productItem-title">
          End of 1980s
        </div>
        <div class="productItem-content-text link-pink">
          <p class="productItem-header">
            Bayfill® EA and Bayfit® provide comfort and functionality in cars
          </p>
          <p class="productItem-mid">
            Polyurethanes provide higher safety of customers and more
            comfortable and functional car seats. Bayfill are energy absorption
            foams, protecting the passengers in the automotive interior in the
            case of lateral impacts. The Bayfit® system combines two different
            solid foams in order to make the seat soft and the side bolsters
            harder. Comfort meets functionality.
          </p>
        </div>
      </div>
      <!--1988 -->
      <div class="productItem">
        <div class="productItem-title">
          1988
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1988.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">
              Bayhydrol® and Bayhydur® – less solvents in plastics production
            </p>
            <p class="productItem-mid">
              <span
                >End of the 1980s, Bayhydrol® and Bayhydur® raw materials for
                water-based, low-solvent coatings are introduced. This paves the
                way for fewer solvents – a path our company will continue to
                follow.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1986 -->
      <div class="productItem">
        <div class="productItem-title">
          1986
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1986.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-blue">
            <p class="productItem-header">
              Polystal – composites stronger than steel
            </p>
            <p class="productItem-mid">
              <span
                >Under the name of “Specialty Chemicals and New Products”, a new
                business group within Bayer develops promising new ideas.
                Created in 1985, it has its first success in 1986 when Polystal
                – a composite material originally intended to be an improved
                material for skis – is launched with a tensile strength
                comparable to that of steel. Its potential is revealed in a
                two-lane concrete bridge that is held by Polystal instead of
                steel.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1982 -->
      <div class="productItem">
        <div class="productItem-title">
          1982
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1982.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">
              First Makrolon® automobile headlamp
            </p>
            <p class="productItem-mid">
              <span
                >For decades, car headlamps were made of glass. From the 1980s
                the transparent high-performance plastic Makrolon® has become
                the material of choice – being lightweight, tough and easy to
                shape. The trend began in the United States and Japan and came
                to Europe in the 1990s. Some of the modern headlamps that fit so
                harmoniously into the complex contours of the body would be
                impossible to manufacture from glass.</span
              >
            </p>
          </div>
        </div>
      </div>
      <div class="productItem">
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1982-2.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">Birth of the audio CD</p>
            <p class="productItem-mid">
              <span
                >On August 17, PolyGram begins large-scale production of the
                first compact disc (of classical music). For this purpose, Bayer
                had developed a special grade of Makrolon® that is still used
                today as the base material for all optical storage media.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1971 -->
      <div class="productItem">
        <div class="productItem-title">
          1971
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1971.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-orange">
            <p class="productItem-header">
              Launch of the reaction injection molding technology
            </p>
            <p class="productItem-mid">
              <span
                >Thanks to new technology, molded elements for large-scale body
                parts can be produced in one step from polyurethane components.
                The end products are highly stable, but at the same time light.
                Short cycle times and high product quality are further,
                unparalleled advantages and leverage the technology’s
                breakthrough.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1967 -->
      <div class="productItem">
        <div class="productItem-title">
          1967
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1967.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">
              K67 – the first car completely made of plastic material
            </p>
            <p class="productItem-mid">
              <span
                >As early as 1967, Bayer proves that a car can be nearly
                completely made of plastic materials. Only the engine, gearbox
                and wheels are fully or partly made of metal. The car operates
                flawlessly and still exists today. What seemed far away at that
                time is nearer reality today: the automotive industry more than
                ever focuses on plastics for the mobility of the 21st
                century.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1963 -->
      <div class="productItem">
        <div class="productItem-title">
          1963
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1963.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">
              Makrolon® conquers kitchens and camping sites
            </p>
            <p class="productItem-mid">
              <span
                >At the plastics fair in Düsseldorf, Germany, visitors are
                fascinated by the lightweight plates, cups, dishes and bowls
                made of this shatterproof plastic that are increasingly finding
                its way into kitchen and caravans.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1962 -->
      <div class="productItem">
        <div class="productItem-title">
          1962
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1962.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-blue">
            <p class="productItem-header">
              The rise of polyurethane solid foam in fridges
            </p>
            <p class="productItem-mid">
              <span
                >Under product names such as Baydur®, solid polyurethane foam
                now insulates frigdes, freezers, cold stores and anything else
                that requires highly efficient insulation within the cold chain.
                As a consequence, refrigerators evolve from the most energy
                consuming appliance by far to one as energy efficient as many
                others in a standard household.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--Beginning of 1960s -->
      <div class="productItem">
        <div class="productItem-title">
          Beginning of 1960s
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1960.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-green">
            <p class="productItem-header">
              Rigid and solid foam capture the market
            </p>
            <p class="productItem-mid">
              <span
                >In 1960, solid foam is presented with metallic facing for the
                first time. Today, such parts are known as metal composite
                elements and applied in warehouses or for protection and
                insulation of industrial buildings. At the same time, rigid
                foams are used for furniture and automobile seats and provide
                high comfort.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1959 -->
      <div class="productItem">
        <div class="productItem-title">
          1959
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1959.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-orange">
            <p class="productItem-header">Chemistry in fashion</p>
            <p class="productItem-mid">
              <span
                >Moltopren®, a lightweight flexible foam, was presented to the
                public in 1952 as an ideal material for upholstered furniture.
                It will soon be adopted by the fashion industry for garment
                processing.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1953 -->
      <div class="productItem">
        <div class="productItem-title">
          1953
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1953.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-pink">
            <p class="productItem-header">
              Hermann Schnell discovers polycarbonate
            </p>
            <p class="productItem-mid">
              <span
                >The Bayer chemist, working at the Group’s Central Scientific
                Laboratory in Krefeld-Uerdingen, succeeds in synthesizing
                polycarbonate more or less at the first attempt. The event
                passes almost unnoticed, except in specialist circles. But just
                five years later, Bayer will begin producing the transparent and
                versatile plastic, known by its brand name Makrolon®, on an
                industrial scale.</span
              >
            </p>
          </div>
        </div>
      </div>
      <!--1937 -->
      <div class="productItem">
        <div class="productItem-title">
          1937
        </div>
        <div class="productItem-content">
          <div class="productItem_leftBg">
            <img src="@/assets/imgs/productIn/1937.jpg" />
          </div>
          <div class="productItem_rightText link-right-base link-purple">
            <p class="productItem-header">Otto Bayer discovers polyurethanes</p>
            <p class="productItem-mid">
              <span
                >The invention by the chemist — who is not related to the family
                that founded the Bayer Group — revolutionizes the chemical
                industry with a discovery made by chance. After mixing two
                chemical substances, Otto Bayer succeeds in synthesizing the
                first polyurethane foam. Initially nobody has an idea what it
                can be used for, and it will take another ten years of
                development work before customized materials can be manufactured
                from polyurethanes.</span
              >
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  computed: {},
  mounted () { },
  methods: {}
};
</script>

<style lang="scss" scoped>
p {
  word-break: break-word;
}
.producT_h1 {
  font-size: 30px;
  margin-bottom: 20px;
  padding-top: 20px;
}
.producT_h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.productInnovations {
  margin: 0 auto;
  max-width: 718px;
  width: auto;
}
.productInnovations_cont {
  width: 100%;
  border-left: 10px solid #eee;
  box-sizing: border-box;
  padding: 30px;
}

.productItem-title {
  position: relative;
  margin: 0 0 20px;
  font-size: 22px;
}
.productItem {
  padding-left: 30px;
  margin-bottom: 50px;
}
.productItem-title::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #eee;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -12px;
}
.productItem-content {
  width: 100%;
  max-width: 648px;
  position: relative;
}
.productItem_leftBg {
  width: 50%;
  height: 100%;
  img {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.productItem_rightText,
.productItem_rightText a {
  color: #fff;
}
.link-right-base {
  display: block;
  padding: 30px;
}
.link-right-base::after {
  border-left: 0;
  left: -10px;
  width: 0;
  height: 0;
  position: absolute;
  display: inline-block;
  content: "";
  z-index: 1;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: calc(50% - 5px);
}
.link-right-green {
  background: #00bb7e;
}
// .link-right-green::after{
//   border-right: 10px solid #00BB7E;
// }

.link-right-orange {
  background: #ff7f41;
}
.link-right-orange::after {
  border-right: 10px solid #ff7f41;
}

.link-right-pink {
  background: #e6007e;
}
.link-rigth-pink::after {
  border-right: 10px solid #e6007e;
}

.link-right-purple {
  background: #7d55c7;
}
.link-rigth-purple::after {
  border-right: 10px solid #7d55c7;
}

.link-right-blue {
  background: #009fe4;
}

.link-rigth-blue::after {
  border-right: 10px solid #009fe4;
}

// 纯内容
.productItem-content-text {
  box-sizing: border-box;
  padding: 30px;
  color: #fff;
}
.productItem-header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1;
}
.productItem-mid {
  font-size: 16px;
  line-height: 1.5;
}
.link-green {
  background: #00bb7e;
}

.link-orange {
  background: #ff7f41;
}

.link-pink {
  background: #e6007e;
}

.link-purple {
  background: #7d55c7;
}

.link-blue {
  background: #009fe4;
}

@media (max-width: 414px) {
  .productItem_leftBg {
    width: 100%;
  }
  .producT_h1 {
    font-size: 28px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .producT_h2 {
    font-size: 16px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
</style>
